The Dos and Don’ts of Pairing Typefaces 字型搭配的注意事項

在設計中選擇字型時，可以透過瞭解常見的字型分類、尋找具有多種變化和鮮明特點的字型，以及以一致性和可讀性為原則搭配字型，來縮小選擇範圍。

字型分類（Typographic Classifications）

字型是網站或應用的整體語調與個性的重要組成部分，同時也直接影響可讀性。選擇字型時，首先要了解一些基本術語和常見分類。

基本術語

• 基線（Baseline）：字母所處的假想水平線。

• X高度（X-height）：小寫字母的高度，不包括上升部或下降部。

• 字腳（Foot）：字母在基線上接觸的部分（常見於襯線字型）。

• 筆畫（Stroke）：組成字母的一條直線或曲線。

常見字型分類

1. 襯線字型（Serif）：筆畫末端帶有“腳”的字型，通常筆畫粗細變化較明顯。

2. 無襯線字型（Sans-serif）：沒有“腳”的字型，筆畫較細，X高度較大。

3. 平板襯線字型（Slab-serif）：看似無襯線，但帶有厚實的塊狀襯線，與筆畫粗細一致。

4. 手寫字型（Script）：帶有花體裝飾的字型，類似手寫風格。

5. 裝飾字型（Display）：具有獨特裝飾性的字型，通常用於大尺寸顯示。

6. 等寬字型（Monospaced）：所有字元佔用相同水平空間，適合程式碼或表格。

這些分類可以幫助設計師快速縮小選擇範圍，避免反覆試錯。

尋找支援多種語言的字型（Look for Typefaces that Support Multiple Languages）

支援多種語言的字型對於服務國際使用者至關重要。即使網站只支援單一語言，使用者可能使用第三方翻譯工具，因此選擇多語言支援的字型是良好的實踐。

將頁面翻譯成其他語言，檢查字型在不同字元下的顯示效果和佈局變化。例如：

• 英文顯示正常，但某些字型可能在日語或尼泊爾語中顯示不全或亂碼。

• 選擇相容性強的字型，可以提升使用者對品牌的認可度。

評估字元之間的相似性（Assess the Similarities Between Characters）

一些字型（特別是無襯線字型）設計簡潔，但可能導致字元辨識度不高，例如數字“1”、大寫“I”、小寫“l”的相似性。

場景需求

• 如果字型用於顯示驗證程式碼或賬戶號碼，字元辨識度尤為重要。

• 特別是在金融、政府或醫療等需要精確資料的行業，字元區分清晰的字型更為可靠。

將裝飾性字型與中性字型搭配（Mix Decorative Fonts with Neutrals）

裝飾性字型能增強品牌個性，但應避免濫用。

搭配原則

1. 將裝飾性字型用於標題或插圖等次要元素。

2. 與中性的無襯線或襯線字型搭配，確保閱讀體驗。

3. 如果裝飾字型帶有複雜的花飾，搭配無襯線字型效果更佳；若搭配襯線字型，需注意襯線的設計不應過於顯眼以免衝突。

示例：在標題中使用裝飾字型、正文中使用無襯線字型能提高整體的可讀性和層次感。

使用對比鮮明的字型粗細區分元件（Use Contrasting Font Weights to Distinguish Components）

使用單一字型但利用多種粗細變化，能打造專業且平衡的設計。

推薦選項

• 字型粗細選擇：Light、Regular、Bold、Italic、Bold Italic等。

• 視覺引導：字型粗細的變化可以突出頁面的視覺層次，引導使用者的視線。

為字型分配明確的角色（Assign Distinct Roles when Pairing Typefaces）

無論選擇單一字型還是多種字型，確保每種字型或樣式都有明確的用途和定位。

應用建議

• 可以將一種字型用於標題，另一種字型用於正文。

• 避免在正文中混用多種字型，以免設計顯得雜亂無章。

• 透過設計系統或前端樣式指南規範字型使用，確保一致性和使用者體驗。